.coupon_page {
  background:linear-gradient(180deg,rgba(255,104,91,1) 0%,rgba(255,147,147,1) 100%);
  min-height: calc(100vh);
  .banner {
    height: rem(415);
    background: url($imgPath+'/activity/coupon_banenr.png') no-repeat;
    background-size: 100%;
  }
  .c_coupon_list {
    padding-bottom: rem(30);
    .c_coupon_item {
      width: rem(700);
      // height: rem(470);
      background: #fff; margin:0 auto rem(30); border-radius: rem(8);
      position: relative;
      overflow: hidden;
      padding-top: rem(112);
      .coupon_tag {
        position: absolute;
        left: 0; top: 0;
        height: rem(78); color: #fff;
        background: #262626; font-size: rem(40); line-height: rem(78);
        padding: 0 rem(56) 0 rem(37); border-radius: 0 0 rem(78/2);
        em {
          font-size: rem(52); color: #DDB074; font-style: oblique; padding-right: rem(10);
        }
      }
      .coupon_info {
        position: relative; height: rem(224); padding-left: rem(300);
        padding-right: rem(57);
        .coupon_img {
          position: absolute;
          height: rem(224); width: rem(224);
          left: rem(34); top: 0;
        }
        .coupon_des {
          position: relative;
          height: rem(137);
          padding-right: rem(56);
          .song {
            height: rem(61); width: rem(61);
            background: url($imgPath+'/activity/song.png') no-repeat;
            background-size: 100%;
            position: absolute; top: rem(5); left: 0;
          }
          .money {
            width: rem(245); height: rem(137);
            background: url($imgPath+'/activity/money_bg.png') no-repeat;
            background-size: 100%;
            position: absolute; left: rem(80);
            .money_num {
              height: rem(81); font-size: rem(66); text-align: center; color: #FF685B;
              em {
                font-size: rem(24);
              }
            }
            .money_type {
              text-align: center; height: rem(45); line-height: rem(45); position: relative;
              &:before {
                height: 1px; width: rem(215); display: block; content: ''; border-bottom: 1px dashed #979797;
                position: absolute;
                left: rem(15);
              }
            }
          }
        }
        .coupon_tips {
          font-size: rem(18); height: rem(88); line-height: rem(88/3); overflow: hidden;
          text-overflow: ellipsis; white-space: pre-wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
        }
      }
      .buttom {
        width:rem(634); height:rem(72); background:linear-gradient(220deg,rgba(236,216,182,1) 0%,rgba(213,176,127,1) 100%); border-radius:rem(36);
        line-height: rem(72); text-align: center; color: #262626; font-size: rem(32); margin: rem(48) auto rem(30);
        span {
          position: relative; padding-left: rem(60);
          &.no_vip {
            &:before {
              content: ''; position: absolute;
              width: rem(45); height: rem(40);
              background: url($imgPath+'/activity/vip_icon_2.png') no-repeat;
              background-size: 100%; left: 0; top: 0;
            }
          }
          &.vip {
            &:before {
              content: ''; position: absolute;
              width: rem(45); height: rem(40);
              background: url($imgPath+'/activity/vip_icon_1.png') no-repeat;
              background-size: 100%; left: 0; top: 0;
            }
          }
        }
      }
    }
  }
}
